﻿@using System.Web.Optimization
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>@ViewBag.Title</title>
  <meta name="viewport" content="width=device-width" />
  <meta name="Description" content="John F. Gnazzo PE MBA PMP Senior Enterprise Web / eCommerce Architect." />
  <meta name="keywords" content="John F. Gnazzo PE MBA PMP, C#, SQL Server, Microsoft, .NET, MVC, Web Services, Software Developer, Sofware Engineer, Enterprise eCommerce Architect and Web Development Specialist" />

  @Styles.Render("~/Content/Mobile/css", "~/Content/jquerymobile/css")
  @Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")
  @Scripts.Render("~/bundles/modernizr")
  
  <!---
    Styles.Render("~/Content/css")
    Scripts.Render("~/bundles/modernizr")
    Styles.Render("~/Content/Mobile/css", "~/Content/jquerymobile/css")
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link href="/Content/jquery.mobile-1.2.0.css" rel="stylesheet" />
    <link href="/Content/jquery.mobile.structure-1.2.0.css" rel="stylesheet" />
    <link href="/Content/jquery.mobile.theme-1.2.0.css" rel="stylesheet" />
    <link href="/Content/Site.Mobile.css" rel="stylesheet" />

    <script src="/Scripts/modernizr-2.6.2.js"></script>
    --->

  @Html.Partial("_GoogleAnalytics")

  <script>
    $(document).ready(function () {
      $.mobile.ajaxEnabled = false;
    });
  </script>
</head>
<body>
  @{
    ViewBag.Title = "Home Page";
  }
  <div data-role="page" data-theme="e">
     @Html.Partial("_ViewSwitcher")
    <div data-role="header">
      <img alt="John F. Gnazzo PE MBA PMP" src="../Content/images/WebsiteBannerMobile.png" />
      <nav id="mobileMenu">
        <ul>
          <li class="navHeading">Gnazzo.net&reg;</li>
          <li><a href="/Whatever/Previous" data-role="button" data-icon="arrow-l">Previous</a></li> 
          <li>@Html.ActionLink("Home", "Index", "Home")</li>
          <li>@Html.ActionLink("About", "About", "Home")</li>
          <li>@Html.ActionLink("Technology", "Index", "Technology")</li>
          <li>@Html.ActionLink("Fitness", "Index", "Fitness")</li>
          <li>@Html.ActionLink("Music", "Index", "Music")</li>
          <li>@Html.ActionLink("Art", "Index", "Artwork")</li>
          <li>@Html.ActionLink("Games", "Index", "Games")</li>
          <li>@Html.ActionLink("Contact", "Create", "Contacts")</li>
          <li>@Html.ActionLink("Blog", "Index", "Blog")</li>
        </ul>
      </nav>
    </div>

    <div data-role="content">
      @RenderSection("featured", false)
      @RenderBody()
      <div id="footer" style="text-align: center">
        <p>@Html.ActionLink("Home", "Index", "Home") | 
          @Html.ActionLink("About", "About", "Home") | 
          @Html.ActionLink("Technology", "Index", "Technology") |
          @Html.ActionLink("Fitness", "Index", "Fitness") |
          @Html.ActionLink("Music", "Index", "Music") |
          @Html.ActionLink("Artwork", "Index", "Artwork") |
          @Html.ActionLink("Blog", "Index", "Blog") | 
          @Html.ActionLink("Contact", "Create", "Contacts") |
          @Html.ActionLink("Links", "Index", "Links") |
          @Html.ActionLink("SiteMap", "Index", "SiteMap")
        </p>
      </div>
      <p>Copyright © 2013 John F. Gnazzo. All Rights Reserved.</p>
    </div>
  </div>
  @Scripts.Render("~/bundles/jquery")
  <script>
    $(document).on("mobileinit", function () {
      $.mobile.ajaxEnabled = false;
    });
  </script>
  @Scripts.Render("~/bundles/jquerymobile")
  @RenderSection("scripts", required: false)

</body>
</html>
